$(function () {
    // 需求1.点击a链接  显示隐藏
    $('#loginBox a').on('click', function () {
        // 点击的登录框内部的a链接
        // 显示的注册区域,隐藏登录区域;
        $("#regBox").show();
        $("#loginBox").hide();
    });
    $('#regBox  a').on('click', function () {
        // 点击的注册框内部的a链接
        // 显示的登录区域,隐藏登录区域;
        $("#loginBox").show();
        $("#regBox").hide();
    });
});

// 需求2.定义校验规则
let form = layui.form;
// 定义规则使用的时form.verify()
form.verify({
    username: [
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须1到10为数字和字母'

    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须6到12为数字和字母'
    ],
    // 确认密码 规则
    rePwd: function (value) {
        // value就是你给那个标签添加这个校验规则这个标签的值就赋值给value
        let pwd = $("#regBox input[name=password]").val();
        if (pwd !== value) {
            return '两次密码输入不一致!'
        }
    }
});

// 需求3.注册功能
let layer = layui.layer;
// submit提交事件
$("#formReg").on('submit', function (e) {
    // 自组织表单默认提交
    e.preventDefault();
    // 发送axios
    axios({
        method: 'POST',
        url: "/api/reguser",

        data: $("#formReg").serialize(),
    }).then(function (res) {
        // console.log(res.data);
        // 判断返回数据是否正确
        if (res.data.status !== 0) {
            // message 消息提示
            return layer.msg(res.data.message, { icon: 5 })
        }
        // 成功后,提示
        // alert('恭喜您,注册用户成功!')
        layer.msg('恭喜您,注册用户成功', { icon: 6 });
        // 切换到登录模块
        $("#regBox a").click();
        // 清空表单  DOM元素中,有一个rest() 可以重置表单
        // form表单 把('#formReg')是原生对象,需要把他转换成DOM对象
        $('#formReg')[0].reset();
    });

});
$("#formLogin").on('submit', function (e) {
    // 自组织表单默认提交
    e.preventDefault();
    // 发送axios
    axios({
        method: 'POST',
        url: "/api/login",

        data: $("#formLogin").serialize(),
    }).then(function (res) {
        // console.log(res.data);
        // 判断返回数据是否正确
        if (res.data.status !== 0) {
            // message 消息提示
            return layer.msg(res.data.message, { icon: 5 })
        }
        // 成功后,提示 储存tokn
        layer.msg('恭喜您,登录成功!', { icon: 6 });
        localStorage.setItem('token', res.data.token);
        //    跳转页面  
        // location.href是BOM里面的一个元素
        // location.href:'网址';填写那个网址就跳转那个网址
        location.href = '/index.html';
        // location.href = 'https://www.baidu.com/';

    });

});

